<template>
  <div class="pointto_teacher">
    <div class="header">
      <!--<i class="iconfont icon-zyojiantou"></i>-->
      <!--{{smsPostfix}}-->
      <!--浙江省青少年校外教育中心-->
      {{spelName}}
    </div>
    <div class="pickerBox">
      <div class="picker">
        <ul>
          <li>
            <el-cascader
              :options="optionsSpelId"
              v-model="selectedOptionsSpelId"
              @active-item-change=""
              @change="changeAreaSelected"
              placeholder="区域"
              :show-all-levels="false">
            </el-cascader>
          </li>
          <li>
            <el-cascader
              :options="optionsTerm"
              v-model="selectedOptionsTerm"
              @change="changeTermSelected"
              placeholder="学期"
              :show-all-levels="false">
            </el-cascader>
          </li>
          <li>
            <el-cascader
              :options="optionsArea"
              :props="propsArea"
              v-model="selectedOptionsArea"
              @change="changeSpelIdSelected"
              :placeholder="specialtyText"
              :show-all-levels="false">
            </el-cascader>
          </li>
          <li class="endLi">
            <el-cascader
              :options="optionsWeekDay"
              v-model="selectedOptionsWeekDay"
              @change="changeWeekDaySelected"
              placeholder="时段"
              :show-all-levels="false">
            </el-cascader>
          </li>
          <!--<li>专业 <i class="iconfont icon-arrLeft-fill"></i></li>-->
          <!--<li class="endLi">时间段 <i class="iconfont icon-arrLeft-fill"></i></li>-->
        </ul>
      </div>
    </div>
    <div v-show="content.length <= 0" class="notNotice">
      暂无数据
    </div>
    <div v-show="content.length > 0" class="contentList">
      <div class="listOne" @click="goScheduleT(contents.id)" v-for="contents in content">
        <div class="listOneTop">
          <div class="listOneNameBox"><span class="listOneName">{{contents.name}}</span></div>

        </div>
        <div class="listOneTitle">年份：{{contents.year}}&nbsp;&nbsp;&nbsp;学期：{{contents.term}}&nbsp;&nbsp;&nbsp;班级代码：{{contents.classNo}}</div>
        <div class="listOneText">
          <p>
              <i class="iconfont icon-icon2"></i> 课次：<span style="margin-right: 85px;">{{contents.times}}</span>
              <!--<i class="iconfont icon-icon2" v-if="contents.signNum == ''"></i> <span style="color:black;font-size: 14px;font-weight: 600;" v-if="contents.signNum == ''">已点到次数：</span><span v-if="contents.signNum == ''">0</span>
              <i class="iconfont icon-icon2" v-if="contents.signNum != ''"></i> <span style="color:black;font-size: 14px;font-weight: 600;" v-if="contents.signNum != ''">已点到次数：</span><span v-if="contents.signNum != ''">{{contents.signNum}}</span>-->
              <i class="iconfont icon-icon2"></i> 人数：<span>{{contents.payNum}}</span>
          </p>
          <!--<div class="upClassTime">
            <div class="upClassTitle"><i class="iconfont icon-icon2"></i> 上课时间和地点：</div>
            <div class="upClassHow">{{contents.timeable}}</div>
          </div>-->
        </div>
      </div>
      <div v-show="content.length > 0" @click="lookmore" class="moreBtn">查看更多</div>
    </div>
  </div>
</template>

<style lang="scss" src='./pointto_teacher.scss'></style>
<script src="./pointto_teacher.js"></script>
